<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>selector6_儿子选择器.html</title>
<style type="text/css">
</style>
<style type="text/css">
	/* 下一兄弟选择器 */
	/* 选择上的是h3元素后面紧挨着的第一个兄弟。 手拉手是兄弟，是同一级的下一个，但只有第一个*/
	 h3+p{
		color: red;
	} 
</style>
</head>

<body>
	<h3>我是一个标题</h3>
	<h2>asda</h2>
	<p>我是一个段落</p>
	<p>我是一个段落</p>
	<p>我是一个段落</p>
	<h3>我是一个标题</h3>
	<p>我是一个段落</p>
	<p>我是一个段落</p>
	<p>我是一个段落</p>
	<h3>我是一个标题</h3>
	<p>我是一个段落</p>
	<p>我是一个段落</p>
	<p>我是一个段落</p>
	<h3>我是一个标题</h3>
</body>
</html>
